.container {
  display: flex;
  justify-content: center;
  width: 100wh;
  height: 100vh;
  margin-top: 20px;
  background-color: #39394D;
}
.online-card__container {
  width: 820px;
  height: 1150px;
  display: flex;
  flex-direction: column;
  background-color: #fff;
}
/* 头部 */
.userinfo__container {
  display: flex;
  padding: 20px 30px 30px 50px;
  color: #fff;
  background-color: #3978a3;
  clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
}
.userinfo__info {
  flex: 1;
}
.userinfo__name {
  font-size: 26px;
  margin-bottom: 12px;
  padding: 5px 0;
  letter-spacing: 5px;
  white-space: nowrap;
}
/* 求职意向 */
.userinfo__intention {
  display: flex;
  width: 100%;
  min-width: 50%;
  overflow: hidden;
  line-height: 20px;
  white-space: nowrap;
  padding: 5px 0;
  margin-bottom: 10px;
  font-size: 14px;
}
.txt__bold {
  font-weight: bold;
}
.intention__container {
  display: flex;
}
.intention__item {
  height: 14px;
  padding-right: 16px;
  margin-right: 16px;
  line-height: 14px;
  border-right: 1px solid #eee;
}
.intention__item:last-child {
  padding-right: 0;
  margin-right: 0;
  border-right: 0;
}
/* 资料 */
.userinfo__details {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(4, 30px);
}
.details__item {
  display: flex;
  padding: 5px 0;
  font-size: 13px;
  overflow: hidden;
  line-height: 20px;
  white-space: nowrap;
}
.details__item .iconfont {
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  vertical-align: top;
  border-radius: 50%;
  font-size: 20px;
  margin-right: 8px;
}
.details__key {
  letter-spacing: 8px;
}
/* 头像 */
.userinfo__avatar {
  flex: 0 1 110px;
  align-self: center;
}

/* 内容模块 */
.resume__container {
  position: relative;
  align-self: center;
  width: 740px;
  padding: 32px 0 0;
  border-left: 2px solid #3978a3;
  transform: translateY(20px);
}
.resume__position {
  position: absolute;
  left: -16px;
  top: 0;
  display: flex;
  align-items: center;
  column-gap: 15px;
  height: 32px;
  font-weight: 700;
  line-height: 32px;
}
.resume__icon {
  width: 32px;
  height: 32px;
  /* margin-right: 15px; */
  line-height: 32px;
  text-align: center;
  border-radius: 50%;
  background-color: #3978a3;
}
.resume__icon .iconfont {
  color: #fff;
  font-size: 19px;
  font-weight: 600;
}
.resume__title {
  font-size: 18px;
  font-weight: 700;
  color: #333;
}

.resume__content {
  padding: 15px 20px 18px ;
}

.resume__content p {
  font-size: 13px;
  color: #555;
  line-height: 22px;
}

.resume__content strong{
  color: rgb(0, 0, 0);
}

/* 教育背景 */
.stu__container {
  display: flex;
  justify-content: space-between;
}
.stu__info {
  min-width: 160px;
  text-align: left;
  line-height: 1.6;
  font-size: 14px;
  font-weight: 700;
  color: #3978a3;
  overflow: hidden;
}
/* 项目经验 */
.resume__link {
  color: #3978a3;
}